/* iconfont */
[class^="icon-"], [class*=" icon-"] {
    font-family: 'iconfont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* topbar */
.g-topbar{height: 50px;width:100%;background-color: #09c}
.g-topbar .topbar-btn{color: #fff;font-size: 14px;line-height: 50px;}
.m-topbar-head{background:#008fbf}
.m-topbar-head .topbar-logo{width: 160px;height: 50px;line-height: 50px;background:url(../img/logo.png) no-repeat center #0087B4;}
.m-topbar-head .topbar-home-link{padding: 0 20px;margin-right: 1px;background: #09c;}
.m-topbar-info{background:#008fbf}
.m-topbar-info .topbar-btn{padding: 0 10px;height: 50px;display: block;z-index: 2;background: #09c;}
.m-topbar-info .topbar-btn:hover {background: #008fbf;}
.m-topbar-search,.m-topbar-notice,.m-topbar-item{margin-left:1px; position: relative;}
.m-topbar-search.open .topbar-btn{background: #008fbf;}
.m-topbar-search .icon-sousuo{font-size: 20px;position: relative;top: 2px;}
.m-topbar-search .search-box{position: absolute;top:10px;right:85px;}
.m-topbar-search .search-box.hide{display: none;}
.m-topbar-search .search-box .searchInput{display: block;height: 28px;padding: 4px 6px;margin-right: 28px;width: 200px;border-width: 0;outline: 0;line-height: 20px;color: #546478;font-size: 12px;}
.m-topbar-search .search-box button{position: absolute;right: 0;top: 0;height: 28px;width: 28px;color:#ccc;display: block;outline:0;border: none;cursor: pointer;}
.m-topbar-notice .icon-bell{font-size: 20px;color: #fff;position: relative;top: 2px;}
.m-topbar-notice .notice-num{padding: 2px 4px;border-radius: 3px;color:#fff;background:#ff9900;}
.m-topbar-notice .notice-num.num-zero{color:#00ace9;background:#0087b4;}
.m-topbar-item .icon-triangle-d{font-size: 12px;color: #fff;}
.m-topbar-item .icon-triangle-u{font-size: 12px;color: #333;display: none;}
.m-topbar-item.dropdown.open .topbar-btn{color: #333;background: #fff;border-bottom: 1px solid #eaedf1;position: relative;z-index: 102;}
.m-topbar-item.dropdown.open .icon-triangle-d{display: none}
.m-topbar-item.dropdown.open .icon-triangle-u{display: inline-block;}
.m-topbar-item .dropdown-menu {display: none;position: relative;z-index:101;min-width: 0px;margin-top: -1px;background: #fff;-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);box-shadow: 0 1px 3px rgba(0,0,0,0.1);}
.m-topbar-item.dropdown.open .dropdown-menu{display: block}
.m-topbar-item .dropdown-menu .list-btn{height: 40px;border-bottom: 1px solid #eaedf1;}
.m-topbar-item .dropdown-menu > li > a:hover,.m-topbar-item .dropdown-menu > li > a:focus {color: #262626;text-decoration: none;background-color: #f5f5f5;}
.m-topbar-item .dropdown-menu .list-btn a{display: block;padding-left: 10px;clear: both;font-weight: normal;line-height: 40px;color: #333333;white-space: nowrap;}


/* mainbody */
.g-mainbody{position: absolute;top:50px;bottom: 0;width:100%;background: #000;z-index: 100;}

/* sidebar */
.g-sidebar{display: block;width: 180px;height: 100%;position: absolute;bottom: 0; background-color: #293038;overflow: auto;overflow-x:hidden;}
.m-sidebar-cont{width: 200px;height: 100%;overflow: auto;overflow-x: hidden;}
.m-sidebar-fold{width:180px;text-align: center;height: 30px;line-height: 30px;cursor: pointer;color:#aeb9c2;}
.m-sidebar-fold .icon-menuzx,.m-sidebar-fold .icon-menuhx{font-size: 26px;}
.m-sidebar-nav{width: 180px;}
.m-sidebar-title{height: 40px;background: #22282e;color: #fff;line-height: 40px;position: relative;cursor: pointer;-webkit-user-select: none;}
.sidebar-nav-fold .m-sidebar-title{background: #37424f;border-bottom: 1px solid #414d5c;}
.m-sidebar-title .m-title-icon{margin:0 8px 0 20px;}
.m-sidebar-title .m-title-text{font-size: 14px;}
.m-sidebar-title .m-title-setting{width: 40px;height: 40px;position: absolute;right:0;}
.m-sidebar-title .icon-setting{line-height: 40px;text-align: center;font-size:16px;color: #a0abb3;}
.m-sidebar-title:hover{background: #414d5c;}
.m-sidebar-item{position: relative;}
.m-sidebar-item a{display: block;width: 100%;height: 40px;line-height: 40px;overflow: hidden;color:#fff;}
.m-sidebar-item a:hover {background: #37424f;}
.m-sidebar-item.active a{background:#09c;}
.m-sidebar-item .nav-icon{float:left;height:40px;width: 50px;display: inline-block;line-height: 40px;text-align: center;}
.m-sidebar-item .nav-icon i{font-size: 22px;color:#aeb9c2;}
.m-sidebar-item.active .nav-icon i{color:#fff;}
.m-sidebar-item .nav-text{float:left;width:130px;height:40px;line-height:40px;}

/* sidebar mini */
.g-sidebar.mini{width: 50px;}
 .g-sidebar.mini .m-sidebar-cont{width: 70px;}
.g-sidebar.mini .m-sidebar-fold{width: 50px;}
.g-sidebar.mini .m-sidebar-nav{width: 50px;} 
.g-sidebar.mini .m-sidebar-title .m-title-text{display: none;}
.g-sidebar.mini .m-sidebar-title .m-title-setting{display: none;}

/* contWrap */
.g-cont-wrap{width: auto;position: absolute;top: 0px;left: 180px;bottom: 0px;right: 0px;overflow: hidden;background: #FFF;}

/* navbar */
.g-navbar{width: 180px;float: left;background-color: #EAEDF1;position: absolute;top: 0px;bottom: 0px;z-index: 2;overflow: hidden;-o-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-webkit-transition: all 0.2s ease;}
.m-nav-stage{width:180px;overflow:hidden;position:absolute;top: 0px;bottom: 0px;}
.m-nav-scene{left:0;} 
.m-nav-title{width: 180px;height: 70px;line-height: 70px;background: #d9dee4;font-weight:bold;text-indent:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.m-nav-list{position: absolute;top: 70px;left: 0px;right: 0px;bottom: 0px;overflow-y: auto;overflow-x: hidden;}
.m-nav-list a {width: 180px;height: 40px;line-height: 40px;display: block;color: #333;}
.m-nav-list a:hover{background-color: #f4f6f8;}
.m-nav-list .nav-icon {width: 30px;height: 40px;float: left;text-align: center;font-size: 12px;color: #333;}
.m-nav-list li.active{background:#fff;}
.m-nav-list .dropdown-menu li.active a{background: #fff;}
.m-nav-list li.active a:hover{background:#fff;}
.m-nav-list .dropdown-menu a{text-indent: 40px;color:#666;}
.m-nav-list .list-text{font-weight: bold;}

/* collapse */
.g-navbar-collapse{position: absolute;left: 0;top: 50%;width: 20px;height: 50px;z-index: 3;-o-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-webkit-transition: all 0.2s ease;}
.m-navbar-collapse-inner{top: -50%;position: relative;overflow: hidden;}
.g-navbar-collapse .m-navbar-collapse-bg{width: 0;height:50px;position: absolute;top: 0;left: 0;border-bottom: 9px solid transparent;border-left: 13px solid #D9DEE4;border-top: 9px solid transparent;-o-transition: all 0.1s ease,0.1s ease;-ms-transition: all 0.1s ease,0.1s ease;-moz-transition: all 0.1s ease,0.1s ease;-webkit-transition: all 0.1s ease,0.1s ease;}
.m-navbar-collapse{height: 50px;position: relative;left: -7px;text-align: center;cursor: pointer;-o-transition: all 0.1s ease,0.1s ease;-ms-transition: all 0.1s ease,0.1s ease;-moz-transition: all 0.1s ease,0.1s ease;-webkit-transition: all 0.1s ease,0.1s ease;}
.m-navbar-collapse .icon-extend-r,.g-navbar-collapse .icon-extend-l{font-size: 20px;line-height: 50px;color:#333;}
.m-navbar-collapse .icon-extend-l{display: none;}
.g-navbar-collapse:hover .m-navbar-collapse-bg{border-bottom: 8px solid transparent;border-left: none;border-left: 20px solid #D9DEE4;border-top: 8px solid transparent;}
.g-navbar-collapse:hover .m-navbar-collapse{right: 0;left: auto;}

.g-navbar-collapse.left{left: 160px;}
.g-navbar-collapse.left .m-navbar-collapse-bg{right: 0;left: auto;border-bottom: 9px solid transparent;border-left: none;border-right: 13px solid #f7f7f7;border-top: 9px solid transparent;}
.g-navbar-collapse.left .m-navbar-collapse{right: -7px;left: auto;}
.g-navbar-collapse.left .icon-extend-r{display: none;}
.g-navbar-collapse.left .icon-extend-l{display: inline;color: #546478;}
.g-navbar-collapse.left:hover .m-navbar-collapse-bg{border-bottom: 8px solid transparent;border-left: none;border-right: 20px solid #f7f7f7;border-top: 8px solid transparent;}
.g-navbar-collapse.left:hover .m-navbar-collapse{right: 0;left: auto;} 



/* cont-body */
.g-cont-body{position: absolute;width: auto;top: 0px;bottom: 0px;left: 0px;right: 0px;overflow: hidden;overflow-y: auto;-o-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-webkit-transition: all 0.2s ease;}
.g-cont-body{left:180px;}
.console-container {padding: 0 15px;}



























